@font-face {
    font-family: 'UniNeue';
    src: url('../fonts/UniNeueRegular.eot');
    src: url('../fonts/UniNeueRegular-1.eot') format('embedded-opentype'),
    url('../fonts/UniNeueRegular.woff') format('woff'),
    url('../fonts/UniNeueRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UniNeue';
    src: url('../fonts/UniNeueHeavy.eot');
    src: url('../fonts/UniNeueHeavy-1.eot') format('embedded-opentype'),
    url('../fonts/UniNeueHeavy.woff') format('woff'),
    url('../fonts/UniNeueHeavy.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'UniNeue';
    src: url('../fonts/UniNeueBold.eot');
    src: url('../fonts/UniNeueBold-1.eot') format('embedded-opentype'),
    url('../fonts/UniNeueBold.woff') format('woff'),
    url('../fonts/UniNeueBold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
html{
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    background: #1f1f1f;
}
body{
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    font-family: 'UniNeue', sans-serif;
    min-width: 320px;
    color: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
h1, h2, h3, h4, p, ul, li, a, span, div, input, textarea, select, form, fieldset, button, dl, dd, dt, figure, figcaption, blockquote, caption, aside, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
}
a, button, span, li, .header, img, p, .grab, .search, svg, .menu, .heading-button {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
h1, h2{
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    line-height: 1;
}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000; opacity: 1;}
::-moz-placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000;}
img {
    margin: 0;
    padding: 0;
    border-style: none;
}
input, textarea, select, button {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    vertical-align: middle;
    border: 0;
    outline: 0;
    background: none;
}
button {font-weight: 300;}
a {text-decoration: none;}
ul li {list-style: none;}
.holder{
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1120px;
    position: relative;
}
.menu:after,
.holder:after{
    display: block;
    content: '';
    clear: both;
}

/************8 header 8*************/
.ssoc{
    display: flex;
    justify-content: center;
    align-content: center;
}
.ssoc a{
    display: block;
    width: 35px;
    margin: 0 7px;
}
.ssoc a img{
    display: block;
    width: 100%;
}
@media (max-width:  768px){
    .ssoc{
        margin-top: 10px;
    }
    .header .owl-carousel .item{
        padding-top: 40px;
    }
}
.header {
    position: relative;
    overflow: hidden;
    background: url("../images/header-bg.png") 0 0 repeat-x;
    -webkit-background-size: contain;
    background-size: contain;
}
.header-top a:not(.huc-bottom) {
    color: #ffffff;
}
.header-up {
    padding: 20px 0;
}
.menu{
    border-radius: 5px;
    background: -webkit-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -moz-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -o-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -ms-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: linear-gradient(90deg, #5491cb 0%, #499eed 100%);
}

#exit {
    display: none;
    position: absolute;
    top: 40px;
    right: 34px;
}
.grab{
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 20px 10px rgba(15, 34, 49, 0.3);
    -moz-box-shadow: 0 0 20px 10px rgba(15, 34, 49, 0.3);
    box-shadow: 0 0 20px 10px rgba(15, 34, 49, 0.3);
    z-index: 100;
    background: -webkit-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -moz-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -o-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -ms-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: linear-gradient(90deg, #5491cb 0%, #499eed 100%);
}
.menu320{
    display: none;
    float: right;
    cursor: pointer;
    margin-top: 15px;
}
.header-up,
.menu {
    display: block;
}
.menu li:not(.downlist){
    float: left;
    width: 16.667%;
}
.menu li:nth-of-type(2) a{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
}
.menu li:last-of-type a{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
}
.menu-top li:nth-of-type(2) a{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
}
.menu-top li:last-of-type a{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
}
.logo-top{
    display: none;
}
.menu li:not(.downlist):not(.logo-top) a {
    text-align: center;
    font-size: 20px;
    padding: 20px 0;
    display: block;
    /*color: #ffffff;*/
}
.menu li:not(.logo-top) a:not(.forma):hover,
.menu .active {
    background-color: #59aaf5;
}
.menu-top li:not(.logo-top):not(.downlist) a:not(.forma):hover,
.menu-top .active {
    background-color: transparent;
    color: #eed33e;
}
.logo,
.hu-call,
.hu-contacts{
    display: inline-block;
    vertical-align: middle;
}
.logo img {
    vertical-align: middle;
}
.hu-call{
    width: 297px;
    padding: 12px 0;
    text-align: center;
    border: 0px solid #feee3f;
    border-radius: 100px;
    font-size: 18px;
    margin: 0 110px;
    /*background: #87c1f8;*/
    background: #0075e5;
    /*background: none;*/
    color: #fff;
    border: 0;
    position: relative;
    overflow: hidden;
}
/*.hu-call:before{
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hu-call:after{
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -90px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
/*.header-top .hu-call:hover{
    background: #eed33e;
    color: #000000;
}*/
.hu-contacts{
    text-align: right;
}
.huc-up,
.huc-bottom{
    display: block;
}
.huc-up{
    color: #ffffff;
}
.huc-bottom{
    border-bottom: 1px solid #eed33e;
    font-size: 16px;
    color: #eed33e;
}
.header .owl-prev,
.header .owl-next{
    position: absolute;
    width: 32px;
    height: 62px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.header .owl-prev{
    background: url("../images/h-arrow-left.png") no-repeat;
    left: 50px;
}
.header .owl-next{
    background: url("../images/h-arrow-right.png") no-repeat;
    right: 50px;
}
.header .owl-carousel,
.header .owl-item:before,
.photo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}
.header .owl-stage-outer,
.header .owl-stage,
.header .owl-item {
    height: 100%;
}
.header .owl-carousel{
    overflow: hidden;
    z-index: auto;
}
.header .owl-item:before{
    /*background: rgba(6, 34, 60, 0.7);*/
    background: url("../images/header-bg.png") 0 0 repeat-x;
    -webkit-background-size: contain;
    background-size: contain;
    content: '';
}
.header-bottom{
    padding: 100px 0;
}
.photo {
    width: 100%;
    height: 100%; /* убрать для обрезания фото */
    z-index: -1;
}
.mb800{
    margin-bottom: 800px;
}
.heading,
.head-heading {
    max-width: 780px;
    font-size: 60px;
    line-height: 1;
    text-align: left;
    color: #ffffff;
    font-weight: 600;
}
.mt400{
    margin-top: 400px;
}
.navigation{
    margin: 20px 0 0;
}
.nav-name,
.nav-nav{
    display: inline-block;
    vertical-align: middle;
    color: #7a8ea0;
    font-size: 14px;
}
.nav-name:last-of-type{
    color: #ffffff;
}
.nav-name:hover{
    color: #eed33e;
}
.subheading{
    color: #ffffff;
    font-size: 24px;
    line-height: 36px;
    /*max-width: 555px; --для слайда текста*/
    margin: 55px 0 57px;
}
.yellow{
    color: #eed33e;
}
.heading-button {
    border-radius: 100px;
    background: -webkit-linear-gradient(37deg, #f5da43 35%, #feee3f 65%);
    background: -moz-linear-gradient(37deg, #f5da43 35%, #feee3f 65%);
    background: -o-linear-gradient(37deg, #f5da43 35%, #feee3f 65%);
    background: -ms-linear-gradient(37deg, #f5da43 35%, #feee3f 65%);
    background: linear-gradient(53deg, #f5da43 35%, #feee3f 65%);
    background: linear-gradient(53deg, #f5da43 35%, #feee3f 65%);
    width: 483px;
    text-align: center;
    display: block;
    font-size: 24px;
    padding: 25px 0;
    color: #000000;
    /*background: #0075e5;*/
    /*color: #fff;*/
    font-size: 18px;
    width: auto;
    display: inline-block;
    padding: 25px 40px;
    position: relative;
    overflow: hidden;
    background: none;
    border: 2px solid #feee3f;
    color: #fff;
}
.heading-button:before{
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.heading-button:after{
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -90px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
@-webkit-keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0;
  }

  30% {
    left: 110%;
    margin-left: 80px;
  }

  100% {
    left: 111%;
    margin-left: 84px;
  }
}

@keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0;
  }

  30% {
    left: 110%;
    margin-left: 80px;
  }

  100% {
    left: 111%;
    margin-left: 84px;
  }
}
/*.heading-button:hover {
    background: -webkit-linear-gradient(37deg, #f5da43 15%, #feee3f 85%);
    background: -moz-linear-gradient(37deg, #f5da43 15%, #feee3f 85%);
    background: -o-linear-gradient(37deg, #f5da43 15%, #feee3f 85%);
    background: -ms-linear-gradient(37deg, #f5da43 15%, #feee3f 85%);
    background: linear-gradient(53deg, #f5da43 15%, #feee3f 35%);
}*/
/****************** Популярные бассейны ******************/
.popular-pool,
.catalog,
.portfolio,
.product,
.portfolio-text{
    padding: 100px 0;
    background: #fafdff;
}
.popular-pool{
    background: none;
}
.pp-itemsblock{
    margin: 54px 0 64px;
}
.pp-item{
    position: relative;
    width: 47.5%;
    height: 338px;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    overflow: hidden;
}
.pp-item:nth-of-type(2n){
    margin-right: 0;
    margin-left: 4.4%;
}
.pp-item:first-of-type,
.pp-item:nth-of-type(2){
    margin-top: 0;
}
.ppi-content,
.ppi-image{
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 5px;
}
.pp-item:hover .ppi-image {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.ppi-content{
    /*background: rgba(6, 34, 60, 0.5);*/
    background: url("../images/item-bg.png") 0 0 no-repeat;
    z-index: 1;
    padding: 187px 45px 45px;
}
.ppic-content {
    position: absolute;
    left: 45px;
    bottom: 40px;
}
.ppic-title,
.ppic-size,
.ppic-price,
.ppic-button{
    font-weight: 400;
    text-align: left;
    color: #ffffff;
}
.ppic-title,
.ppic-button{
    font-size: 18px;
}
.ppic-size{
    font-size: 30px;
    font-weight: 900;
}
.ppic-price{
    color: #eed33e;
    font-size: 24px;
}
.ppic-line{
    width: 63.5%;
    background-color: #0075e5;
    height: 1px;
    margin: 5px 0;
}
.ppic-button{
    position: absolute;
    right: 45px;
    bottom: 45px;
    display: block;
    border-width: 1px;
    border-color: #eed33e;
    border-style: solid;
    border-radius: 100px;
    padding-top: 11px;
    width: 157px;
    height: 50px;
    text-align: center;
    background: #0075e5;
    color: #fff;
    border: 0;
}
/*.ppic-button:hover{
    background: #eed33e;
    color: #000000;
}*/
.ppb-link{
    color: #000000;
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    border-radius: 36px;
    border-style: solid;
    border-width: 1px;
    border-color: #0075e5;
    width: 440px;
    height: 72px;
    padding: 17px 0;
    margin: 0 auto;
    background: #0075e5;
    color: #fff;
    /*background: linear-gradient(53deg, #f5da43 35%, #feee3f 65%);*/
    border: 0;
    position: relative;
    overflow: hidden;
    /*color: #000;*/
}
.ppb-link:before{
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ppb-link:after{
    margin-left: -30px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -90px;
    top: -150px;
    top-animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ppb-shape{
    margin-right: 16px;
}
.ppb-link:hover .ppb-shape,
.search-reset:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
/************* Выберите свой бассейн ****************/
.choose-your-pool{
    background: #fafdff;
}
.choose-your-pool .pp-item{
    width: 30.66%;
    height: 244px;
}
.choose-your-pool .pp-item:hover .ppic-size{
    color: #eed33e;
}
.choose-your-pool .pp-itemsblock{
    margin-bottom: 0;
}
.choose-your-pool .pp-item:nth-of-type(2){
    margin-left: 3.45%;
    margin-right: 3.45%;
}
.choose-your-pool .pp-item:nth-of-type(3){
    margin-right: 0;
}
.choose-your-pool .ppi-content{
    padding-top: 175px;
}
/*************** Бассейны *********/
.pools{
    margin: 100px 0 0;
    height: 532px;
}
.pools-block{
    float: left;
    display: inline-block;
    width: 24.99%;
    height: 49.99%;
}
.pools-item{
    position: relative;
    display: inline-block;
    float: left;
}
.pools-block:nth-of-type(2n+1){
    width: 12.49%;
}
.pools-block:nth-of-type(2n) .pools-item{
    width: 100%;
    height: 100%;
}
.pools-block:nth-of-type(2n+1) .pools-item{
    height: 49.99%;
    width: 100%;
}
.pools-block:nth-of-type(3) {
    width: 24.99%;
}
.pools-block:nth-of-type(3) .pools-item{
    height: 49.99%;
    width: 49.99%;
}
.pi-image,
.pi-content{
    position: absolute;
    width: 100%;
    height: 100%;
}
.pi-content{
    display: none;
    background-color: rgba(238, 211, 62, 0.89);
    z-index: 1;
}
.pic-link{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    background-color: #ffffff;
    width: 140px;
    height: 52px;
    margin: auto;
    color: #000000;
    padding-top: 12px;
    font-size: 18px;
    border-radius: 100px;
}
.pic-link:hover{
    background: -webkit-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -moz-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -o-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: -ms-linear-gradient(0deg, #5491cb 0%, #499eed 100%);
    background: linear-gradient(90deg, #5491cb 0%, #499eed 100%);
    color: #ffffff;
}
/*.pools-item:hover .pi-content{*/
    /*display: block;*/
/*}*/
/******** Преимущества *********/
.advantages {
    padding: 100px 0;
}
.a-subheading{
    margin: 25px 0 97px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}
.advantages .a-item{
    position: relative;
    width: 100%;
    height: 132px;
}
.advantages .oi-img{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.advantages .owl-carousel .owl-item img{
    width: unset;
}
.advantages .oi-text{
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    max-width: 166px;
}
.advantages .owl-prev,
.advantages .owl-next{
    position: absolute;
    width: 17px;
    height: 33px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.advantages .owl-prev{
    left: 0;
    background: url("../images/owl-prev.png") no-repeat;
}
.advantages .owl-next{
    right: 0;
    background: url("../images/owl-next.png") no-repeat;
}
/************* Поиск **************/
.search{
    position: relative;
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 40px 10px rgba(15, 34, 49, 0.3);
    -moz-box-shadow: 0 0 40px 10px rgba(15, 34, 49, 0.3);
    box-shadow: 0 0 40px 10px rgba(15, 34, 49, 0.3);
    z-index: 100;
}
.ui-selectmenu-button {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #e6edf3;
    background-color: #ffffff;
    padding: 15px;
    margin-right: 6px;
}
.ui-selectmenu-button.ui-button{
    width: 31.9%;
}
.ui-selectmenu-text{
    color: #697987;
    font-size: 14px;
}
.ui-selectmenu-icon,
.ui-button .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon{
    background: url("../images/selectmenu-arrow.png") 50% 50% no-repeat;
}
.overflow { height: 200px; }
.search-reset{
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}
.search-reset path{
    fill: rgb(129,141,153);
}
.search-reset:hover path{
    fill: #59aaf5;
}
.sr-text {
    display: none;
    color: #ffffff;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 5px;
    right: -32px;
}
.sr-text:after {
    width: 1px;
    content: '';
    position: absolute;
    display: block;
    border: 5px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.7);
    right: 0;
    left: 0;
    top: -10px;
    margin: 0 auto;
}
/*********** Каталог **********/
.catalog-item{
    position: relative;
    width: 30.5%;
    height: 434px;
    display: inline-block;
   /* padding: 40px; */
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #f0f3f6;
    background-color: #ffffff;
    margin-right: 41px;
    text-align: center;
    vertical-align: top;
    margin-top: 41px;
}
.catalog-item:nth-of-type(3n){
    margin-right: 0;
}
.catalog-item:nth-of-type(1),
.catalog-item:nth-of-type(2),
.catalog-item:nth-of-type(3){
    margin-top: 0;
}
.ci-content{
    display: none;
    background-color: #639fd7;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 115px 10px;
    border-radius: 5px;
}
.catalog-item:hover {
    box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.17);
}
/*.catalog-item:hover .ci-content{*/
    /*display: block;*/
/*}*/
.ci-title,
.ci-size{
    text-align: center;
    color: #000000;
}
.ci-text{
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
}
.ci-title{
    font-size: 18px;
}
.ci-size{
    font-size: 30px;
    font-weight: 900;
}
.ci-image{
    height: 65%;
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ci-content .ppic-title,
.ci-content .ppic-size,
.ci-content .ppic-price{
    text-align: center;
}
.ci-content .ppic-price{
    margin-top: 15px;
}
.ci-content .ppic-button{
    position: relative;
    right: unset;
    bottom: unset;
    margin: 0 auto;
    background-color: #568cbf;
    border: unset;
    margin-top: 28px;
}
.ci-content .ppic-button:hover{
    color: #eed33e;
}
.filter {
    display: none;
    padding: 20px 30px;
}
.filter-text,
.filter svg {
    display: inline-block;
    vertical-align: middle;
}
.filter-text {
    width: 98%;
}
.filter svg {
    margin-top: 3px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
/*************8 contact 8***************/
#hidden-map {
    display: none;
    /*height: 100%;*/
    /*width: 100%;*/
    height: 600px;
    width: 1100px;
}
.map #map{
    display: block;
    height: 411px;
    width: 1100px;
    margin: 0 auto;
}
.contact-text{
    margin-bottom: 100px;
}
.ct-text{
    display: block;
    margin: 24px 0;
}
.ct-text:first-of-type {
    margin-top: 0;
}
.ct-title,
.ct-desc{
    display: inline-block;
    color: #000000;
    font-size: 18px;
}
.ct-desc a{
    color: #000000;
}
.ct-title{
    width: 168px;
    font-weight: 900;
    margin-right: 60px;
}
/********** Портфолио *********/
.portfolio .pools-item{
    float: none;
    width: 30.66%;
    height: 244px;
    margin: 40px 40px 0 0;
}
.portfolio .pools-item,
.portfolio .pi-image,
.portfolio .pi-content{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.portfolio .pools-item:nth-of-type(3n){
    margin-right: 0;
}
.portfolio .pools-item:nth-of-type(1),
.portfolio .pools-item:nth-of-type(2),
.portfolio .pools-item:nth-of-type(3){
    margin-top: 0;
}
.portfolio .ppb-link{
    width: 339px;
    margin-top: 64px;
}
/************ Карточка товара ************/
.product-gallery,
.product-description {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.product-description{
    padding-left: 50px;
}
.product-description h2{
    text-align: left;
}
.product .catalog-item:not(.dno):not(.dno-min){
    padding: 0;
}
/*.product-image-full {*/
    /*display: table;*/
    /*width: 100%;*/
/*}*/
.product-image-full .catalog-item {
    width: 100%;
    /*height: unset;*/
    margin: 0;
    height: 550px;
    overflow: hidden;
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    /*text-align: center;*/
}
.product-image-full a {
    /*display: flex;*/
    /*display: -ms-flexbox;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}
/*.product-image-min .ci-image {*/
    /*!*height: unset;*!*/
    /**/
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
/*}*/
.product-image-full .ci-image,
.product-image-min .ci-image {
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top;
    max-width: 100%;
    object-fit: cover;
    /*width: 100%;*/
}


.product-image-min .catalog-item {
    width: 112px;
    height: 112px;
    margin: 28px 28px 0 0;
    overflow: hidden;
}
.product-image-min .catalog-item:nth-of-type(4n){
    margin-right: 0;
}
/*
.product .dno .ci-image{
    height:auto;
    max-height: 100%;
    max-width:100%;
    width:auto;
}
.product .dno-min{
    padding: 17px 0;
}
.product .dno-min .ci-image{
    max-height: 79px;
    width:auto;
    height:auto;
}
*/
.tabs{
    margin: 45px 0 37px;
}
.tabs-item{
    position: relative;
    display: inline-block;
    margin-right: 30px;
    padding: 18px 0 0;
    border: 1px solid #fff;
    border-bottom: 1px dashed #000;
    font-size: 24px;
    color: #000000;
    cursor: pointer;
}
.tabs-item:hover:not(.active){
    border-bottom: 0;
}
.tabs .active{
    border-color: #4c99e1;
    border-bottom-style: solid;
    color: #4c99e1;
    padding: 18px 30px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 1;
}
.tabs .active::after{
    content: '';
    height: 11px;
    width: 10px;
    border: 1px solid #fff;
    border-bottom-color: #4c99e1;
    border-right-color: #4c99e1;
    background: #fff;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
}
.product-description .ct-title{
    margin-right: 29px;
    width: 137px;
}
.product-description .ct-text{
    position: relative;
    margin: 35px 0;
}
.product-description .ct-color{
    width: 42px;
    height: 42px;
    border: 1px solid #a2a2a2;
    border-radius: 50%;
    display: inline-block;
    margin-right: 18px;
}
.product-description .ct-color:last-of-type{
    margin-right: 0;
}
.product-description .ct-title,
.product-description .ct-color{
    display: inline-block;
    vertical-align: middle;
}
.product-description .ct-color-text {
    color: #d24943;
    font-size: 18px;
    font-weight: 900;
}
.product-description .ct-price{
    color: #000;
    font-size: 48px;
    line-height: 1;
}
.stock{
    margin: 30px 0 0 175px;
}
.ct-stockprice{
    color: #d24a43;
    font-size: 24px;
}
.ct-stockdesc{
    color: #000000;
    font-size: 18px;
}
.tb-button {
    display: inline-block;
    padding: 20px 56px;
    color: #4c99e1;
    font-size: 18px;
    border-radius: 32px;
    background-color: #f7dc47;
}
.tb-button:hover {
    background: rgba(241, 225, 66, 0.9) ;
}
.product-text {
    padding: 100px 0;
    background: #fff;
}
.product-text h2 {
    text-align: left;
    font-size: 30px;
}
.pt-desc {
    margin: 30px 0 45px;
    line-height: 30px;
    font-size: 18px;
}
.pt-document {
    margin-top: 15px;
}
.pt-document svg {
    display: inline-block;
    vertical-align: middle;
}
.ptd-link {
    display: inline-block;
    color: rgb(81,146,208);
    border-bottom: 1px solid rgb(81,146,208);
    vertical-align: middle;
    margin-left: 6px;
}
.catalog h2{
    margin-bottom: 50px;
}
.grab a {
    color: #ffffff;
}

/********** downlist **********/
.ui-selectmenu-menu,
.downlist{
    position: absolute;
    width: 279px;
    background-color: #ffffff;
    box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.16);
    color:  #000000;
    font-size: 16px;
    font-weight: 400;
    z-index: 100;

    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.downlist {
    display: none;
    line-height: 62px;
    left: 56px;
    bottom: -186px;
}
.menu-top .downlist{
    left: 320px;
}
.ui-selectmenu-menu {
    line-height: 30px;
}
.header-top .downlist a,
.downlist a,
.ui-menu .ui-menu-item-wrapper {
    display: block;
    color:  #000000;
    text-decoration: none;
    padding-left: 25px;
}
.ui-menu .ui-menu-item-wrapper {
    padding-left: 15px;
}
.header-top .downlist a:last-of-type,
.downlist a:last-of-type {
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.header-top .downlist a:hover,
.downlist a:hover,
.ui-menu-item-wrapper:hover,
.ui-menu .ui-state-active:hover  {
    background-color: #5293d1;
    color:#fff;
}
.ui-menu .ui-state-active {
    border: 1px solid #5293d1;
    background-color: #5293d1;
    color:#fff;
}
/**************** SEO ***************/
.seo {
    margin: 0 0 100px;
}
.seo-description {
    font-size: 18px;
    margin-top: 100px;
    line-height: 1.6;
}
.seo .seo-description {
    margin-top: 50px;
}
.seo-link {
    margin-top: 25px;
    width: auto;
    height: auto;
    font-size: 16px;
    padding: 15px 50px;
    cursor: pointer;
}
.seo-link:hover {
    background: #0075e5;
    color: #fff;
}
@media screen and (max-width:1280px){
    .owl-prev{
        left: 0;
    }
    .owl-next{
        right: 0;
    }
}
@media screen and (max-width: 1120px){
    .hu-contacts{
        float: right;
    }
    .hu-call{
        margin-right: 0;
    }
    .map #map{
        width: 100%;
    }
    .ui-selectmenu-button {
        margin-right: 4px;
    }
    .product-description {
        padding-left: 20px;
    }
    .product-gallery, .product-description {
        width: 49.8%;
    }
    .product-image-min .catalog-item:nth-of-type(4n) {
        margin-right: 28px;
    }
}
@media screen and (max-width: 1028px){
    .hu-call{
        margin-left: 80px;
    }
}
@media screen and (max-width: 1024px){
    .holder{
        padding: 0 30px;
    }
    .hu-call,
    .hu-contacts,
    .menu{
        display: none;
    }
    .menu320{
        display: block;
    }
    .heading,
    .subheading,
    .heading-button{
        margin-left: auto;
        margin-right: auto;
    }
    .heading,
    .subheading{
        text-align: center;
    }
    .header-bottom {
        padding: 62px 0 100px;
    }
    .product-gallery, .product-description {
        width: 100%;
    }
    .product-description {
        padding-left: 0;
    }
    .downlist{
        display: none;
        position: relative;
        left: unset;
        bottom: unset;
        width: 100%;
        box-shadow: unset;
    }
    .downlist a {
        padding-left: 0;
        text-align: center;
    }
    .menu li:not(.downlist){
        float: none;
    }
}
@media screen and (max-width: 1013px){
    .search-reset {
        display: block;
        margin: 22px auto 17px;
    }
    .sr-text {
        right: 0;
        left: 0;
        width: 103px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 850px){
    .ppic-button,
    .ppic-line{
        display: none;
    }
    .ppi-content{
        cursor: pointer;
    }
}
@media screen and (max-width: 768px){
    .langs{
        margin-right: 0;
        margin-left: auto;
        margin-top: 5px;
    }
    .header-up {
        padding: 30px 0;
        padding: 13px 0;
    }
    .heading {
        margin-top: 177px;
        font-size: 30px;
    }
    .subheading{
        font-size: 18px;
        line-height: 28px;
    }
    .mb800{
        margin-bottom: 603px;
    }
    .heading-button{
        width: 425px;
        padding: 14px 40px;
        font-size: 18px;
    }
    .logo,
    .logo img{
        width: 146px;
    }
    .menu320{
        margin-top: 8px;
    }
    .catalog,
    .popular-pool,
    .advantages {
        padding: 50px 0;
    }
    .map {
        padding-bottom: 0;
    }
    .pp-item{
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    .choose-your-pool .pp-item{
        width: 100%;
        height: 188px;
    }
    .choose-your-pool .ppi-content{
        padding-top: 130px;
    }
    .pp-item:nth-of-type(2n){
        margin-left: 0;
    }
    .pp-item:nth-of-type(2){
        margin-top: 30px;
    }
    .ppic-button,
    .ppic-line{
        display: block;
    }
    .choose-your-pool .pp-item:nth-of-type(2) {
        margin-right: 0;
        margin-left: 0;
    }
    .ppi-content{
        -webkit-background-size: cover;
        background-size: cover;
    }
    .pools-block{
        width: 100%;
        height: 213px;
    }
    .pools-block:nth-of-type(2n+1) .pools-item {
        height: 49.99%;
        width: 49.99%;
    }
    .pools-block:nth-of-type(3) ~ .pools-block{
        display: none;
    }
    .pools-block:nth-of-type(2n+1) {
        width: 100%;
    }
    .pools {
        height: 639px;
        margin: 50px 0 0;
    }
    .header-bottom {
        padding: 18px 0 50px;
    }
    .filter {
        display: block;
        border-bottom: 1px solid #e6edf3;
    }
    .search {
        padding: 0;
    }
    .search .holder {
        display: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .ui-selectmenu-button {
        display: block;
        margin: 20px auto 0;
    }
    .ui-selectmenu-button.ui-button {
        width: 259px;
    }
    /*
    .ci-image {
        max-height: 184px;
    }
    */

    .portfolio .pools-item{
        width: 46%;
    }
    .catalog-item {
        width: 46%;
        height: 322px;
    }
    .portfolio .pools-item:nth-of-type(2n),
    .catalog .catalog-item:nth-of-type(2n) {
        margin-right: 0;
    }
    .portfolio .pools-item:nth-of-type(2n+1),
    .catalog .catalog-item:nth-of-type(2n+1) {
        margin-right: 7%;
    }
    .portfolio .pools-item:nth-of-type(3),
    .catalog .catalog-item:nth-of-type(3) {
        margin-top: 40px;
    }
    .ci-content {
        padding: 50px 0;
    }
    .ci-text {
        bottom: 17px;
        left: 20px;
    }
    .product .dno-min {
        padding: 8px 17px;
    }
    .product-image-min .catalog-item {
        width: 90px;
        height: 90px;
        margin-right: 20px;
    }
    .product-image-min .catalog-item:nth-of-type(4n) {
        margin-right: 20px;
    }
    /*
    .product .dno-min .ci-image {
        max-height: 69px;
    }
    */
    .tb-button {
        margin-top: 45px;
    }

}

@media screen and (max-width: 500px){
    .heading-button{
        width: 100%;
    }
    .pp-itemsblock {
        margin: 30px 0;
    }
    .popular-pool .ppic-button,
    .ppic-line,
    .ppb-shape{
        display: none;
    }
    .ppi-content{
        padding: 229px 0 21px 25px;
    }
    .portfolio .ppb-link,
    .ppb-link{
        width: 100%;
        font-size: 18px;
        height: 62px;
    }
    .a-subheading {
        margin-bottom: 50px;
    }
    .advantages .a-item {
        height: 117px;
    }
    .portfolio .pools-item,
    .catalog-item {
        width: 100%;
    }
    .portfolio .pools-item:nth-of-type(2n+1),
    .catalog .catalog-item:nth-of-type(2n+1) {
        margin-right: 0;
    }
    .portfolio .pools-item:nth-of-type(2),
    .catalog .catalog-item:nth-of-type(2) {
        margin-top: 40px;
    }
    .head-heading {
        font-size: 30px;
    }
    .ct-desc {
        display: block;
        margin-top: 10px;
    }
    .contact-text {
        margin-bottom: 50px;
    }
    .product,
    .product-text {
        padding:50px 0;
    }
    .product-image-full .catalog-item {
        height: 261px;
    }
    .product-image-min .catalog-item {
        width: 55px;
        height: 55px;
        margin-right: 13px;
    }
    .product-image-min .catalog-item:nth-of-type(4n) {
        margin-right: 13px;
    }
    .product-image-min .catalog-item:nth-of-type(6n) {
        margin-right: 0;
    }
    #prodTitle{
        font-size: 36px;
        font-weight: 900;
        text-align: left;
    }
    /*
   .product .dno-min {
       padding: 8px 17px;
   }

   .product .dno-min .ci-image {
       max-height: 39px;
   }
   */
    .tabs-item{
        padding-top: 10px;
        font-size: 16px;
    }
    .tabs .active {
        padding: 10px 19px;
    }
    .product-description .ct-text {
        position: relative;
        margin: 24px 0;
    }
    .stock {
        margin: 24px 0 0 0;
    }
    .tb-button {
        display: block;
        padding: 24px 0;
        width: 100%;
        text-align: center;
    }

}
@media screen and (max-width: 500px){
    /*.owl-carousel{
        display: block;
    }*/

    h2{
        font-size: 30px;
        /*max-width: 181px;*/
    }
    .a-subheading {
        font-size: 16px;
    }
    .product-image-min .catalog-item {
        margin-right: 9px;
    }
    .product-image-min .catalog-item:nth-of-type(4n) {
        margin-right: 9px;
    }
    .product-image-min .catalog-item:nth-of-type(6n) {
        margin-right: 9px;
    }
}

@media screen and (max-width: 380px){

    .product-image-min .catalog-item:nth-of-type(4n) {
        margin-right: 0;
    }

}


/***************8 Ира 8****************/



.footerinput::-webkit-input-placeholder {color: #b8d4ea;}
.footerinput:-moz-placeholder {color: #b8d4ea; opacity: 1;}
.footerinput::-moz-placeholder {color: #b8d4ea; opacity: 1;}
.footerinput:-ms-input-placeholder {color: #b8d4ea;}

.footer{
    background-color: #4c99e1;
    overflow: hidden;
}
.footerup{
    padding: 100px 0;
}
.footerfirst,
.footersecond,
.footerthird,
.footerfourth {
    display: inline-block;
    vertical-align: top;

}

.footerfirst,
.footerthird {
    margin-right: 93px;
}
.footerline:first-of-type{
   margin-right: 93px;
}
.footerfirst{
    max-width: 217px;
}

.footersecond{
    max-width:175px;
}

.footerthird{
    max-width: 124px;
}


.glass {
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
    text-align: left;
    margin-top:40px;
    font-weight: 900;
}

.glass:first-of-type{
    margin-top:0;
}

.glass a:hover{
    color: #eed33e;
}

.glasslist{
    line-height: 1;
    text-align: left;
    margin-top: 30px;

}

.footer li:before {
    color: #ffffff;
    content: "-";
    padding-right: 5px;
}
.footer li {
    list-style-type: none;
    margin-top: 14px;
}
.footer a {
    color: #ffffff;
    text-decoration: none;
}
.footer a:hover{
    color: #eed33e;
    text-decoration: none;
}
.footerbottom{
    color: #ffffff;
    font-size: 14px;
    line-height: 25px;
    padding-bottom:52px;
    padding-top:52px;
    border-top: 1px solid #71b1ec;
}

.info,
.rabot {
    display: inline-block;
}

.info {
    max-width: 512px;
}
.rabot{
    max-width: 210px;
    float:right;
}
.rabot a {
    line-height: 1;
    padding-left: 5px;;
}
.img1,
.img2,
.img3,
.img4 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 13px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}
.img1{
    background: #4a6bd7 50% 50% no-repeat;
}
.img1 svg,
.img2 svg,
.img3 svg,
.img4 svg
{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.img2{
    background: #9c61b3  50% 50% no-repeat;
}


.img3{
    background: #18abf5 50% 50% no-repeat;
}


.img4{
    background: #6f399b 50% 50% no-repeat;
}


.img1:hover,
.img2:hover,
.img3:hover,
.img4:hover{
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.img1:hover {
    background: #214bd2  50% 50% no-repeat;
}

.img2:hover {
    background: #921dc0  50% 50% no-repeat;
}

.img3:hover {
    background: #58c7ff 50% 50% no-repeat;
}

.img4:hover {
    background: #881dde 50% 50% no-repeat;

}

.img1:hover::before,
.img2:hover::before,
.img3:hover::before,
.img4:hover::before {
    position:absolute;
    content: "";
    border:5px solid transparent;
    border-bottom-color:rgba(0, 0, 0, 0.7);
    top:44px;
    width: 1px;
    left:0;
    right: 0;
    margin: 0 auto;
}

.imge {
    margin-top:30px;
}

/*.img1:hover::before{
    left:18px;
}
.img2:hover::before{
    left:80px;
}
.img3:hover::before{
    left:141px;
}
.img4:hover::before{
    left:202px;
}*/

.img1:hover::after,
.img2:hover::after,
.img3:hover::after,
.img4:hover::after{
    content: attr(data-text);
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    left: -8px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top:54px;
    width:60px;
}


.footerinput{
    border-radius: 32px;
    background-color: #f3f8fb;
    width: 287px;
    height: 64px;
    color:  #000000;
    font-size: 18px;
    line-height: 30px;
    padding-left: 33px;
    position: relative;
}
.footerfourth {
    position: relative;
}
.images {
    position: relative;
    margin-top: 42px;
}

.imagefooter{
    width: 188px;
    height: 137px;
    right: -51px;
    bottom: 0;
    top:168px;
    position: absolute;
}

.image1footer{
    width: 27px;
    height: 17px;
    right: 31px;
    bottom: 27px;
    position: absolute;
}
/*news*/

.news{
    background-color: #f4faff;
    overflow: hidden;

    padding-bottom: 100px;
    padding-top:100px;
    /*height: 493px;*/
}
.caption {
    font-weight: 400;
    color: #000000;
    font-size: 60px;
    margin: 0 auto;
    max-width: 222px;
    line-height: 1;
}
.caption:hover{
    color: #71b1ec;
}
.newslistfirst,
.newslistsecond
{
    display: inline-block;
    vertical-align: top;
}

.newslistsecond{
    margin-left:170px;
}
.newsone {
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    max-width: 422px;
    margin-top: 38px;
    height:50px;
}
.newsone:hover {
    color: #71b1ec;
}

.newsone a {
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    max-width: 422px;
    margin-top: 38px;
}
.newsone a:hover {
    color: #71b1ec;
}

.date_ {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}


.date_ a {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}

/*news*/

/*for page all news*/

.news-for-news {
    padding: 100px 0;
}

.newslist-for-news {
    width:100%;
}

.newslist-for-news {
    color: #000000;
}
.newsone-for-news{
    margin-top:38px;
    margin-bottom:10px;
    font-size:24px;
}
.newsone-for-news:first-of-type{
    margin-top: 0;
}
.news-text{
    font-size: 14px;
}

/*.newsone-for-news:hover {
    color: #71b1ec;
}*/
.news-a:hover{
    color: #71b1ec;
}

.newslist-for-news a {
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    margin-top: 38px;
}
.newslist-for-news a:hover {
    color: #71b1ec;
}
.date-for-news {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}
.news-a {
    display: block;
    padding-bottom: 20px;
}

.news-a:last-of-type {
    padding-bottom: 0;
}

.news-a:first-of-type{
    margin-top:0;
}
/*for page all news*/

/*portfolio-text*/
.portfolio-text .pools-item{
    float: none;
    /*width: 14.1%;!*13.89%;*!*/
    height: 85px;
    margin: 29px 29px 0px 0;
    text-align: center;
}

.portfolio-text .pools-item-big {
    float: none;
}

.portfolio-text .pb0 {
    margin-top: 48px;
    width:100%;
    height:700px;
    display: table;
}
.portfolio-text .pb0 a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 700px;
}
.portfolio-text  .pi-image-big {
    max-width: 100%;
    /*max-height: 100%;*/
    height: 100%;
    vertical-align: middle;
}

.portfolio-text .pools-item,
.portfolio-text .pi-image,
.portfolio-text .pi-image-big,
.portfolio-text .pi-content{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*.portfolio-text .pools-item:nth-of-type(6n){*/
    /*margin-right: 0;*/
/*}*/
.portfolio-text .pb2{
    margin:56px 0 0;
}
.portfolio-text .pi-image {
    /*width: 100%;*/
    width: unset;
    height: 100%;
    position: relative;
}
.portfolio-text .pi-content {
    top: 0;
}
.portfolio-text h2{
    font-size: 48px;
    font-weight: 400;
    text-align: left;
}

.portfolio-text .pb2 .description {
    color: #000000;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    padding-bottom: 29px;
}

.portfolio-text .pb2 .description:last-of-type {
    padding-bottom: 0;
}
/*portfolio-text*/

/********** Форма заказа ***********/
.formacall{
    background-color: #4c99e1;
    width: 458px;
    height: 563px;
    padding: 79px 81px;
    border-radius: 5px;
    position: absolute;
}


.formacalltitle{
    color: #ffffff;
    font-size: 36px;
    font-weight: 900;
    max-width: 192px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
}


.callclass{
    padding-top: 32px;
    position: relative;
    padding-top: 13px;
}

/*#phone-error,
#firstname-error {*/
    /*color:#7f0055;*/
    /*text-align: center;*/
    /*font-size:15px;*/
    /*margin-left:50px;*/
/*}*/


#phone-error,
#firstname-error,
#orderfirstname-error,
#orderphone-error,
#orderemail-error
{
    color:#7f0055;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: -18px;
    left: 73px;
}



.inputcall1,
.inputcall2,
.inputcall3
{
    border-radius: 32px;
    background-color: #f3f8fb;
    width: 295px;
    height: 64px;
    color:  #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    position: relative;
}
.inputcall1,
.inputcall2{
    padding-left: 20px;
}
.inputcall1::-webkit-input-placeholder {color: #888;}
.inputcall1:-moz-placeholder {color: #888; opacity: 1;}
.inputcall1::-moz-placeholder {color: #888; opacity: 1;}
.inputcall1:-ms-input-placeholder {color: #888;}

.inputcall2::-webkit-input-placeholder {color: #888;}
.inputcall2:-moz-placeholder {color: #888; opacity: 1;}
.inputcall2::-moz-placeholder {color: #888; opacity: 1;}
.inputcall2:-ms-input-placeholder {color: #888;}


.inputcall3 {
    background-color: #f7dc47;
    color: #4c99e1;
    text-align: center;
    background-color: #00c2e1;
    color: #ffffff;
}
/*.inputcall3:hover{
    background: rgba(241, 225, 66, 0.9) ;
    cursor:pointer;
}*/

/********** Форма заказа ***********/

.formaorder{
    background-color: #4c99e1;
    width: 458px;
    height: 563px;
    padding: 75px 81px;
    border-radius: 5px;
    position: absolute;
}

.formatitle{
    color: #ffffff;
    font-size: 36px;
    font-weight: 900;
    text-align: center;
    margin-bottom:30px;
    line-height: 1;
}

.inpclass{
    padding-top: 22px;
    position:relative;
}

.input1,
.input2,
.input3,
.input4 {
    border-radius: 32px;
    background-color: #f3f8fb;
    width: 295px;
    height: 64px;
    color:  #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    padding-left:20px;
    position: relative;
}
.input1::-webkit-input-placeholder {color: #888;}
.input1:-moz-placeholder {color: #888; opacity: 1;}
.input1::-moz-placeholder {color: #888; opacity: 1;}
.input1:-ms-input-placeholder {color: #888;}

.input2::-webkit-input-placeholder {color: #888;}
.input2:-moz-placeholder {color: #888; opacity: 1;}
.input2::-moz-placeholder {color: #888; opacity: 1;}
.input2:-ms-input-placeholder {color: #888;}

.input3::-webkit-input-placeholder {color: #888;}
.input3:-moz-placeholder {color: #888; opacity: 1;}
.input3::-moz-placeholder {color: #888; opacity: 1;}
.input3:-ms-input-placeholder {color: #888;}


.input4 {
    background-color: #f7dc47;
    color: #4c99e1;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 0;
    text-align: center;
}
.input4:hover{
    background: rgba(241, 225, 66, 0.9) ;
    cursor:pointer;
}


/*portfolio*/
.portfolio-text .pb2 p:last-of-type {
    padding-bottom: 0px;
}

.footerline{
    display: inline-block;
}


@media screen and (max-width:1120px){

    .newslistsecond{
        float: right;
        margin-left:0;
    }
}


@media screen and (max-width: 1023px){
    .footerline {
        display: block;
    }
    .footerline:last-of-type{
        margin-top:40px;
    }
    .footersecond,
    .footerfourth {
        margin-left:150px;
    }
    .footerthird{
        width:217px;
        max-width:unset;
    }
}

@media screen and (max-width: 903px){
    .newslistsecond{
        float:none;
    }
    .newslistfirst, .newslistsecond {
        display:block;
    }
    .newsone {
        height:auto;
        max-width:unset;
    }

}

@media screen and (max-width: 890px){


    .news-for-news {
        padding: 50px 0;
    }

    .footerup {
        padding: 50px 0;
    }



    .imagefooter {
        right: -29px;
    }

    .info {
        max-width: 380px;
    }
}


@media screen and (max-width: 787px){

    .news{
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .footersecond, .footerfourth {
        margin-left: 100px;
    }
}



@media screen and (max-width: 768px){


    .footerup {
        padding: 50px 0;
    }

    .footerinput{
        max-width: 258px;
    }

    .info {
        max-width: 100%;
    }
    .rabot {
        float:none;
        display: block;
        margin-top: 30px;
        max-width: 100%;
    }

    /*portfolio-text*/
    .portfolio-text h2 {
        font-size: 24px;
        font-weight: 400;
        text-align: left;
        max-width:100%;
    }
    .portfolio-text {
        padding: 49px 0;
    }

    .portfolio-text .pb0 {
        margin-top: 26px;
    }
    .portfolio-text .pb2 {
        margin: 35px 0 0;
    }

    .portfolio-text .description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }

     .portfolio-text .pools-item{
        float: none;
        height: 42px;
        margin: 12px 12px 0 0;
    }
    .portfolio-text .pools-item:nth-of-type(6n){
        margin-right: 0;
    }

}


@media screen and (max-width: 680px){/*500*/


    .news{
        padding-bottom: 50px;
        padding-top: 50px;
    }



    .footerfourth,
    .footerfirst,
    .footersecond,
    .footerthird {
        display: block;
    }

    .footerfourth,
    .footersecond
    {
        margin-left:0;
        margin-top:40px;
    }
    .imagefooter {
        left: 37px;
    }
    .image1footer{
        right:unset;
        left:204px;
        bottom: 26px;
    }

    .portfolio-text .pb0 {
        height:188px;
    }
    .portfolio-text .pools-item {
        margin-right:16px;
        width:29% ;
    }

    .portfolio-text  .pools-item:nth-of-type(3n) {
        margin-right:0;
    }
}

@media screen and (max-width: 458px) {

    .formaorder{
        background-color: #4c99e1;
        height: 100%;
        width:100%;
        padding: 0;
        border-radius: 5px;
        position: absolute;
        left:0;
        rigth:0;
    }
    .formatitle{
        font-size:28px;
        margin-bottom: 7px;
        margin-top:54px;
    }

    .input1, .input2, .input3, .input4 {
        width: 250px;
        height: 53px;
        font-size: 14px;
        margin-left:25px;
    }
    .inpclass {
        left: 65px;
    }
}

@media screen and (max-width: 425px){

    .imagefooter{
        right: 33px;
    }

    .footerinput{
        max-width: 258px;
    }

    .footerline:first-of-type,
    .footerfirst,
    .footerthird {
        margin-right:0;
    }

    .footersecond,
    .footerfirst,
    .footerthird,
    .footerfourth{
        max-width: unset;
    }

    /*portfolio-text*/
    .portfolio-text h2 {
        font-size: 24px;
        font-weight: 400;
        text-align: left;
        max-width:100%;
    }
    .portfolio-text {
        padding: 49px 0;
    }
    .portfolio-text .pi-image-big {
        width: 100%;
        height: 100%;
    }
    .portfolio-text .pb0 {
        margin-top: 26px;

    }
    .portfolio-text .pb2 {
        margin: 35px 0 0;
    }

    .portfolio-text .description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }


    .portfolio-text .pools-item{
        float: none;
        height: 42px;
        margin: 12px 12px 0px 0;
    }
    .portfolio-text .pools-item:nth-of-type(3n){
        margin-right: 0;
    }
    .formaorder{
        background-color: #4c99e1;
        height: 100%;
        width:100%;
        padding: 0;
        border-radius: 5px;
        position: absolute;
        left:0;
        rigth:0;
    }
    .formatitle{
        font-size:28px;
        margin-bottom: 7px;
        margin-top:54px;
    }

    .input1, .input2, .input3, .input4 {
        width: 250px;
        height: 53px;
        font-size: 14px;
        margin-left:25px;
    }
}

@media screen and (max-width: 320px){

    /*portfolio-text*/
    .portfolio-text h2 {
        font-size: 24px;
        font-weight: 400;
        text-align: left;
        max-width:100%;
    }
    .portfolio-text {
        padding: 49px 0;
    }

    .portfolio-text .pb0 {
        margin-top: 26px;
    }
    .portfolio-text .pb2 {
        margin: 35px 0 0;
    }

    .portfolio-text .description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }


    .portfolio-text .pools-item{
        float: none;
        width: 29%;/*13.89%;*/
        height: 42px;
        margin: 12px 12px 0px 0;
    }
    .portfolio-text .pools-item:nth-of-type(3n){
        margin-right: 0;
    }

    .formaorder{
        background-color: #4c99e1;
        height: 100%;
        width:100%;
        padding: 0;
        border-radius: 5px;
        position: absolute;
        left:0;
        rigth:0;
    }
    .formatitle{
        font-size:28px;
        margin-bottom: 7px;
        margin-top:54px;
    }

    .input1, .input2, .input3, .input4 {
        width: 250px;
        height: 53px;
        font-size: 14px;
        margin-left:25px;
    }

    .inpclass {
        left: 0;
    }
}